<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

    <title>纪念日</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
        @font-face {
            font-family: digit;
            src: url("digital-7_mono.ttf"/*tpa=./digital-7_mono.ttf*/
            ) format("truetype");
        }
    </style>
    <link href="css/default.css" tppabs="./css/default.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery.js" tppabs="./js/jquery.js"></script>
    <script type="text/javascript" src="js/garden.js" tppabs="./js/garden.js"></script>
    <script type="text/javascript" src="js/functions.js" tppabs="./js/functions.js"></script>
    <script type="text/javascript" src="../tj.js"></script>
    <body>
        <div id="mainDiv">
            <div id="content">
                <div id="code">
                    <span class="comments">健生：</span><br />
                    <span class="space" /><span class="comments">这辈子有两个愿望</span><br />
                    <span class="space" /><span class="comments">在你身边</span><br />
                    <span class="space" /><span class="comments">在你身边</span><br />

                </div>
                <div id="loveHeart">
                    <canvas id="garden"></canvas>
                    <div id="words">
                        <div id="messages">
                            健生, 这是我们认识的第
                            <div id="elapseClock"></div>
                        </div>
                        <div id="loveu">
                            永远爱你，一辈子，不分离！<br/>
                            <div class="signature">- 陈娜</div>

                        </div>
                    </div>
                </div>
            </div>

            <script type="text/javascript">
                var offsetX = $("#loveHeart").width() / 2;
                var offsetY = $("#loveHeart").height() / 2 - 55;
                var together = new Date();
                together.setFullYear(2016, 06, 26);
                together.setHours(20);
                together.setMinutes(0);
                together.setSeconds(0);
                together.setMilliseconds(0);

                if (!document.createElement('canvas').getContext) {
                    var msg = document.createElement("div");
                    msg.id = "errorMsg";
                    msg.innerHTML = "提醒您：您的浏览器版本过旧^_^<br/>" +
                        "推荐使用 <a href='http://dlsw.br.baidu.com/ditui/zujian/bdBrowserSetup-5956-ftn_1000061134.exe' target='_blank'>百度浏览器<br/>请先升级您的浏览器，效果很炫哦~~";
                    document.body.appendChild(msg);
                    $("#code").css("display", "none")
                    $("#copyright").css("position", "absolute");
                    $("#copyright").css("bottom", "10px");
                    document.execCommand("stop");
                } else {

                    setTimeout(function() {
                        adjustWordsPosition();
                        startHeartAnimation();
                    }, 5);

                    timeElapse(together);
                    setInterval(function() {
                        timeElapse(together);
                    }, 5);

                    adjustCodePosition();
                    $("#code").typewriter();
                }
            </script>
            <audio id="bgmMusic" src="http://qzone.haoduoge.com/music/C2C3F0LSXH4D771253124A26CF9C71C939B2A.mp3" preload="auto" type="audio/mp3" autoplay loop></audio>
    </body>

</html>